* {
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;    
}

#workflowgraph { 
    overflow-x: auto; 
    overflow-y: auto; 
}

#wrapper {
    position: relative;
}

/* Buttons */
button {
  background-color: Transparent;
  border: none;
  color: #03A9F4;
  cursor: pointer;
  height: 22px;
  left: 0px;
  position: absolute;
}

#zoom-in-button, #zoom-out-button { width: 34px; }

#zoom-out-button { top: 0px; }

#zoom-in-button { top: 180px; }

/* Zoom controls */
#scale {
  position: absolute;
  left: 50px;
  top: 5px;
} 

#show-all {
  position: absolute;
  left: 45px;
  top: 35px;
} 

#zoom {
  background: white;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 0;
}

.open {
  width: 34px;
  height: 206px;
  box-shadow: 1px 1px 1000px #222;
}

.closed {
  width: 43px;
  height: 28px;
  box-shadow: 1px 1px 250px #222;
}

/* Slider */

input[type=range] {
  transform: rotate(270deg); 
  left: -58px;
  top: 85px;
  position: absolute;
  height: 14px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 150px;
}
input[type=range]:focus, button:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 150px;
  height: 8px;
  cursor: pointer;
  background: #EEEEEE;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  height: 8px;
  width: 20px;
  border-radius: 12px;
  background: #03A9F4;
  cursor: pointer;
  -webkit-appearance: none;
}
 input[type=range]:focus::-webkit-slider-runnable-track {
  background: #EEEEEE;
}
input[type=range]::-moz-range-track {
  width: 150px;
  height: 8px;
  cursor: pointer;
  background: #EEEEEE;
  border-radius: 3px;
} 
 input[type=range]::-moz-range-thumb {
  height: 8px;
  width: 20px;
  border-radius: 12px;
  background: #03A9F4;
  cursor: pointer;
} 
 input[type=range]::-ms-track {
  width: 150px;
  height: 8px;
  cursor: pointer;
  color: transparent;
} 
 input[type=range]::-ms-thumb {
  margin-top: 1px;
  height: 8px;
  width: 20px;
  border-radius: 12px;
  background: #03A9F4;
  cursor: pointer;
} 
